<template>
	<el-tooltip :content="content" placement="bottom" effect="light" popper-class='my-tooltip'>
		<img src="@/static/home/zhuyi.png" class="img">
	</el-tooltip>
</template>

<script>
	export default {
		name: "XNTooltip",
		props: {
			content: String
		},
		components: {},
		data() {
			return {};
		},
		created() {},
		methods: {

		}
	};
</script>

<style scoped="" lang="scss">
	.img {
		margin-left: 5px;
		margin-top: 9px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		filter: opacity(30%)
	}

	.img:hover {
		filter: opacity(100%)
	}

	/deep/.el-tooltip__popper{
       color:red !important;
	} 

	.botton-item {
		margin-top: 5px
	}
</style>
